<div ng-controller="reportController" class="reportOutside">
	<h4>REPORT</h4>
	<div id="kindschart" style="display:block">
	 	<div  id="containercolumn" style="min-width:800px;height:300px">
	 	</div>
	 	<div  id="containerpie" style="min-width:400px;height:300px">
	 	</div>
	 	<div  id="locationpie" style="min-width:400px;height:300px">
	 	</div>
	 	<div  id="cleardiv" >
	 	</div>
 	</div>
	<input class="searchButton1" class="reportSearch" ng-model="reportModel">
	<input class="zhedie" type="button" value="Hide The Charts" >
	<div class="reportInside" class="op-tb-man op-tb-man-fix">
		<table border='1'cellspacing="0" cellpadding="0"  class="table op-tb-fix">
			<thead>
				<tr>
				    <th>Row Number</th>
					<th>Capability</th>
					<th>CG ID</th>
					<th>Name</th>
					<th>Global Join Date</th>
					<th>Designation</th>
					<th>Bench Join Date</th>
					<th>AllocRatio Ratio(%)</th>
					<th>Primary Skill</th>
					<th>Remarks</th>
					<th>Aging</th>
					<th>Current Location</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="report in reports | filter:reportModel | filter: sensitiveSearch | orderBy:'aging'">
				    <td>{{$index+1}}</td>
					<td>{{report.capability}}</td>
					<td>{{report.kinId}}</td>
					<td>{{report.name}}</td>
					<td>{{report.globalJoinDate}}</td>
					<td>{{report.designation}}</td>
					<td>{{report.benchJoinDate}}</td>
					<td>{{report.dmdAllocRatio}}</td>
					<td>{{report.primarySkill}}</td>
					<td>{{report.dmdRemarks}}</td>
					<td>{{report.aging}}</td>
					<td>{{report.location}}</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>